<div>
    <div class="toggle">
        <input type="checkbox" data-bind="checked: customizeDatabaseRecordTypes, attr: { id: 'customizeDatabaseRecordTypes_' + instanceCounter }">
        <label data-bind="attr: { for: 'customizeDatabaseRecordTypes_' + instanceCounter }" class="margin-right margin-right-sm">Customize Configuration and Ongoing Tasks</label>
    </div>
    <div class="margin-left js-customize-record" data-bind="collapse: customizeDatabaseRecordTypes">
        <div class="row">
            <div class="col-lg-3">
                <div>Ongoing tasks</div>
                <div class="margin-left">
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includePeriodicBackups, attr: { id: 'includePeriodicBackups_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includePeriodicBackups_' + instanceCounter }" class="margin-right margin-right-sm">Periodic Backups</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeExternalReplications, attr: { id: 'includeExternalReplications_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeExternalReplications_' + instanceCounter }" class="margin-right margin-right-sm">External replications</label>
                        <a class="js-warning-external-replication" tabindex="0" data-bind="visible: includeExternalReplications() && !includeRavenConnectionStrings()"><small><i class="icon-warning text-warning"></i></small></a>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeRavenEtls, attr: { id: 'includeRavenEtls_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeRavenEtls_' + instanceCounter }" class="margin-right margin-right-sm">RavenDB ETLs</label>
                        <a class="js-warning-raven-etl" tabindex="0" data-bind="visible: includeRavenEtls() && !includeRavenConnectionStrings()"><small><i class="icon-warning text-warning"></i></small></a>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeSqlEtls, attr: { id: 'includeSqlEtls_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeSqlEtls_' + instanceCounter }" class="margin-right margin-right-sm">SQL ETLs</label>
                        <a class="js-warning-sql-etl" tabindex="0" data-bind="visible: includeSqlEtls() && !includeSqlConnectionStrings()"><small><i class="icon-warning text-warning"></i></small></a>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeSnowflakeEtls, attr: { id: 'includeSnowflakeEtls_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeSnowflakeEtls_' + instanceCounter }" class="margin-right margin-right-sm">Snowflake ETLs</label>
                        <a class="js-warning-snowflake-etl" tabindex="0" data-bind="visible: includeSnowflakeEtls() && !includeSnowflakeConnectionStrings()"><small><i class="icon-warning text-warning"></i></small></a>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeOlapEtls, attr: { id: 'includeOlapEtls_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeOlapEtls_' + instanceCounter }" class="margin-right margin-right-sm">OLAP ETLs</label>
                        <a class="js-warning-olap-etl" tabindex="0" data-bind="visible: includeOlapEtls() && !includeOlapConnectionStrings()"><small><i class="icon-warning text-warning"></i></small></a>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeElasticSearchEtls, attr: { id: 'includeElasticSearchEtls_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeElasticSearchEtls_' + instanceCounter }" class="margin-right margin-right-sm">Elasticsearch ETLs</label>
                        <a class="js-warning-elastic-search-etl" tabindex="0" data-bind="visible: includeElasticSearchEtls() && !includeElasticSearchConnectionStrings()"><small><i class="icon-warning text-warning"></i></small></a>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeQueueEtls, attr: { id: 'includeQueueEtls_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeQueueEtls_' + instanceCounter }" class="margin-right margin-right-sm">Queue ETLs (Kafka, RabbitMQ, Azure Queue Storage)</label>
                        <a class="js-warning-queue-etl" tabindex="0" data-bind="visible: includeQueueEtls() && !includeQueueConnectionStrings()"><small><i class="icon-warning text-warning"></i></small></a>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeHubReplications, attr: { id: 'includeHubReplications_' + instanceCounter }">
                        <label data-bind="attr: { for: 'includeHubReplications_' + instanceCounter }" class="margin-right margin-right-sm">Replication Hubs</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeSinkReplications, attr: { id: 'includeSinkReplications_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeSinkReplications_' + instanceCounter }" class="margin-right margin-right-sm">Replication Sinks</label>
                        <a class="js-warning-pull-replication-sink" tabindex="0" data-bind="visible: includeSinkReplications() && !includeRavenConnectionStrings()"><small><i class="icon-warning text-warning"></i></small></a>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeEmbeddingsGeneration, attr: { id: 'includeEmbeddingsGeneration_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeEmbeddingsGeneration_' + instanceCounter }" class="margin-right margin-right-sm">Embeddings Generation</label>
                        <a class="js-warning-ai-connection-strings" tabindex="0" data-bind="visible: includeEmbeddingsGeneration() && !includeAiConnectionStrings()"><small><i class="icon-warning text-warning"></i></small></a>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeGenAi, attr: { id: 'includeGenAi_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeGenAi_' + instanceCounter }" class="margin-right margin-right-sm">GenAI</label>
                        <a class="js-warning-ai-connection-strings" tabindex="0" data-bind="visible: includeGenAi() && !includeAiConnectionStrings()"><small><i class="icon-warning text-warning"></i></small></a>
                    </div>
                    <div class="bg-info padding padding-xs margin-top margin-top-sm"><small><i class="icon-info"></i> Imported ongoing tasks will be disabled by default.</small></div>
                </div>
            </div>
            <div class="col-lg-3">
                <div>Other</div>
                <div class="margin-left">
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeSettings, attr: { id: 'includeSettings_' + instanceCounter }">
                        <label data-bind="attr: { for: 'includeSettings_' + instanceCounter }" class="margin-right margin-right-sm">Settings</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeConflictSolverConfig, attr: { id: 'includeConflictSolverConfig_' + instanceCounter }">
                        <label data-bind="attr: { for: 'includeConflictSolverConfig_' + instanceCounter }" class="margin-right margin-right-sm">Conflict Solver Configuration</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeClient, attr: { id: 'includeClient_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeClient_' + instanceCounter }" class="margin-right margin-right-sm">Client Configuration</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeRevisions, attr: { id: 'includeRevisions_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeRevisions_' + instanceCounter }" class="margin-right margin-right-sm">Revisions Configuration</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeRefresh, attr: { id: 'includeRefresh_' + instanceCounter }">
                        <label data-bind="attr: { for: 'includeRefresh_' + instanceCounter }" class="margin-right margin-right-sm">Document Refresh</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeExpiration, attr: { id: 'includeExpiration_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeExpiration_' + instanceCounter }" class="margin-right margin-right-sm">Document Expiration</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeDocumentsCompression, attr: { id: 'includeDocumentsCompression_' + instanceCounter }">
                        <label data-bind="attr: { for: 'includeDocumentsCompression_' + instanceCounter }" class="margin-right margin-right-sm">Documents Compression</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeTimeSeries, attr: { id: 'includeTimeSeries_' + instanceCounter }">
                        <label data-bind="attr: { for: 'includeTimeSeries_' + instanceCounter }" class="margin-right margin-right-sm">Time Series Configuration</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeSorters, attr: { id: 'includeSorters_' + instanceCounter }">
                        <label data-bind="attr: { for: 'includeSorters_' + instanceCounter }" class="margin-right margin-right-sm">Custom Sorters</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeAnalyzers, attr: { id: 'includeAnalyzers_' + instanceCounter }">
                        <label data-bind="attr: { for: 'includeAnalyzers_' + instanceCounter }" class="margin-right margin-right-sm">Custom Analyzers</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includePostgreSqlIntegration, attr: { id: 'includePostgreSqlIntegration_' + instanceCounter }">
                        <label data-bind="attr: { for: 'includePostgreSqlIntegration_' + instanceCounter }" class="margin-right margin-right-sm">PostgreSQL Integration</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeAiAgents, attr: { id: 'includeAiAgents_' + instanceCounter }">
                        <label data-bind="attr: { for: 'includeAiAgents_' + instanceCounter }" class="margin-right margin-right-sm">AI Agents</label>
                        <a class="js-warning-ai-connection-strings" tabindex="0" data-bind="visible: includeAiAgents() && !includeAiConnectionStrings()"><small><i class="icon-warning text-warning"></i></small></a>
                    </div>
                </div>
                <div class="margin-top margin-top-xs">Connection Strings</div>
                <div class="margin-left">
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeRavenConnectionStrings, attr: { id: 'includeRavenConnectionStrings_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeRavenConnectionStrings_' + instanceCounter }" class="margin-right margin-right-sm">RavenDB Connection Strings</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeSqlConnectionStrings, attr: { id: 'includeSqlConnectionStrings_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeSqlConnectionStrings_' + instanceCounter }" class="margin-right margin-right-sm">SQL Connection Strings</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeSnowflakeConnectionStrings, attr: { id: 'includeSnowflakeConnectionStrings_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeSnowflakeConnectionStrings_' + instanceCounter }" class="margin-right margin-right-sm">Snowflake Connection Strings</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeOlapConnectionStrings, attr: { id: 'includeOlapConnectionStrings_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeOlapConnectionStrings_' + instanceCounter }" class="margin-right margin-right-sm">OLAP Connection Strings</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeElasticSearchConnectionStrings, attr: { id: 'includeElasticSearchConnectionStrings_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeElasticSearchConnectionStrings_' + instanceCounter }" class="margin-right margin-right-sm">Elasticsearch Connection Strings</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeQueueConnectionStrings, attr: { id: 'includeQueueConnectionStrings_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeQueueConnectionStrings_' + instanceCounter }" class="margin-right margin-right-sm">Queue Connection Strings (Kafka, RabbitMQ, Azure Queue Storage)</label>
                    </div>
                    <div class="toggle">
                        <input type="checkbox" data-bind="checked: includeAiConnectionStrings, attr: { id: 'includeAiConnectionStrings_' + instanceCounter }, requiredAccess: 'DatabaseAdmin', requiredAccessOptions: { strategy: 'disable' }">
                        <label data-bind="attr: { for: 'includeAiConnectionStrings_' + instanceCounter }" class="margin-right margin-right-sm">AI Connection Strings</label>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-6">
                <div data-bind="validationElement: hasIncludes">
                    <div class="help-block" data-bind="validationMessage: hasIncludes"></div>
                </div>
            </div>
        </div>
    </div>
</div>
